<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品详情</title>
		<link rel="shortcut icon" type="image/x-icon" href="//s10.realdtech.com/finchain/finchain-zhaoshang/img/favicon-logo.ico" />
		<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<script src="//static1.finchain.cc/lib/amazeui/v2.7.2/js/jquery.min.js"></script>
		<script src="//static1.finchain.cc/jquery.form.js"></script>
		<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
		<link rel="stylesheet" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/public.css" />
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/productDetail.css"/>
		<!--[if lte IE 8]>
            <script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script>
        <![endif]-->
		<script src="//s10.realdtech.com/finchain/finchain-zhaoshang/js/public.js"></script>
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div class="header-top">
					<div class="inner">
						<ul>
							<li><a href="index"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/home.png"/>金融链</a></li>
							<li><a href="join"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/zhaoshang.png"/>招商加盟</a></li>
							<li><a href="#">金融链-让天下没有难贷的款</a></li>
						</ul>
						<ul style="float: right;">
							<li class="weixin">
								<a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/weixin.png"/>微信公众号</a>
								<div class="weixinImg">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png"/>
								</div>
							</li>
							<li><a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/tel.png"/>招商热线：<span class="hot">400-606-9989</span></a></li>
						</ul>
					</div>
				</div>
				<div class="header-bottom">
					<div class="logo">
						<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/logo.png"	/>
					</div>
					<div class="address">
						城市/<span class="addLocation">郑州</span>
						<div class="switchCity">
							切换城市
							<div class="publicHeight">
								<div class="publicCitys">
									<div>进入城市</div>
									<div>
										<a href="#">北京</a>
										<a href="#">上海</a>
										<a href="#">重庆</a>
										<a href="#">天津</a>
										<a href="#">广州</a>
										<a href="#">青岛</a>
										<a href="#">深圳</a>
										<a href="#">合肥</a>
										<a href="#">南昌</a>
										<a href="#">贵阳</a>
										<a href="#">福州</a>
										<a href="#">西安</a>
										<a href="#">南京</a>
										<a href="#">郑州</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="login-register" style="float: right;">
						<a href="#">登录入口</a><a href="bussinessRegister.html">企业注册</a>
					</div>
					<div class="nav" style="float: right;">
						<ul>
							<li><a href="index" style="margin-left: 0;">金融链</a></li>
							<li><a class="active" href="productShow">渠道展示</a></li>
							<li><a href="businessShow">业务展示</a></li>
							<li><a href="infomationCenter">资讯中心</a></li>
							<li><a href="join">招商加盟</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div id="detailMain">
				<div id="detailTree">渠道展示  <i class="fa fa-angle-right fa-lg"></i> <a href="#" class="aCheck">车辆贷款</a></div>
				<div id="productContent">
					<div class="contentCon">
						<div>
							<ul class="proTitle">
								<li><img src="#(list.getImage()??)" alt="" /></li>
								<li>
									<p>#(list.getImageName()??)</p>
									<span>额度高</span><span>利率低</span><span>放款速度快</span>
								</li>
							</ul>
						</div>
						<div class="proProject">
							<ul>
								<li>#(list.getLimit()??)</li>
								<li>贷款额度</li>
							</ul>
							<ul>
								<li>#(list.getInterest()??)</li>
								<li>贷款利率（月）</li>
							</ul>
							<ul>
								<li>#(list.getSpeed()??)</li>
								<li>批款速度</li>
							</ul>
						</div>
						<div class="proType">
							<p>贷款期限：<span>#(list.getDeadline()??)</span>还款方式：<span>#(list.getRepayment()??)</span></p>
							<p>产品类型：<span>#(list.getProduct()??)</span></p>
						</div>
					</div>
					<div class="quickApply">
						<p><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/bianji-icon.png" alt="" />快速申请</p>
						<form id="loanForm" action="apply" method="post">
							<input type="hidden" name="image_name" placeholder="所申请的渠道"  value="#(list.getImageName()??)">
							<input type="hidden" name="Limit" placeholder="贷款额度" value="#(list.getLimit()??)">
							<input type="hidden" name="Interest" placeholder="贷款利率" value="#(list.getInterest()??)">
							<input type="hidden" name="Deadline" placeholder="贷款期限" value="#(list.getInterest()??)">
							<input type="hidden" name="Repayment" placeholder="还款方式" value="#(list.getRepayment()??)">
							<input type="hidden" name="Product" placeholder="产品类型" value="#(list.getProduct()??)">

							<input type="text" name="loanName" id="loanName" placeholder="请输入您的姓名" value="" />
							<input type="number" name="loanTel" id="loanTel" placeholder="请输入您的手机号" value="" />
							<input type="number" name="loanMoney" id="loanMoney" placeholder="请输入贷款金额" value="" />
							<input type="submit" name="loanSubmit" id="loanSubmit" value="马上申请贷款" />
							<span class="errorTip"></span>
						</form>
					</div>
				</div>
				<div id="detailCondition">
					<div class="applyCondition">
						<div class="applyTitle">
							<ul>
								<li><a class="active" href="#applyCon">申请条件</a></li>
								<li><a href="#applyMaterial">所需材料</a></li>
								<li><a href="#applyNode">备注信息</a></li>
							</ul>
						</div>
						<div class="applyAll">
							<div id="applyCon">申请条件</div>
							<!--<ol type="1">
								<li>#(Requirement??)</li>
							</ol>
							<div id="applyMaterial">所需材料</div>
							<ol>
								<li>#(Materials??)</li>
							</ol>-->
							#(list.getRequirement()??)
							<div id="applyNode">备注信息</div>
							<p>主要针对于小额消费类信贷群体，贷款额度最低一万元，最高30万元。只要您是拥有稳定工作和收入的工薪阶层</p>
							<p>*相关信息由好贷网收集，不保证完全准确，请您以信贷员咨询结果为准</p>
						</div>
					</div>
					<div class="detailHot">
						<div class="detailHotTop">
							<div>热门渠道</div>
							#for(li : list_4)
							<ul>
								<a href="productDetail?page=#(page??)&id=#(li.id??)">
								<li><img src="#(li.image??)" alt="" /></li>
								<li>
									<p>#(li.image_name??)</p>
									<p><span>额度：#(li.limit??)</span><span>利率：#(li.interest??)</span></p>
								</li>
								</a>
							</ul>
							#end
						</div>
						<div class="loanCalculator">
							<p><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/cal-icon.png" alt="" />贷款计算器</p>
							<div>
								<a href="calculator.html?dai=0">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/car.png" alt="" />
									<span>车贷计算器</span>
								</a>
								<a href="calculator.html?dai=1">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/house.png" alt="" />
									<span>房贷计算器</span>
								</a>
								<a href="calculator.html?dai=2">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/credit.png" alt="" />
									<span>信贷计算器</span>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div style="height: 40px;"></div>
			</div>
			<div id="footer">
				<div class="footer-con">
					<div class="footer-con-top">
						<div class="product">
							<h4>渠道展示</h4>
							<ul>
								<li><a href="productShow?ck=0">信用贷款</a></li>
								<li><a href="productShow?ck=1">车辆贷款</a></li>
								<li><a href="productShow?ck=2">房屋贷款</a></li>
								<li><a href="productShow?ck=3">企业贷款</a></li>
							</ul>
						</div>
						<div class="product">
							<h4>招商加盟</h4>
							<ul>
								<li><a href="join">品牌实力</a></li>
								<li><a href="join">雄厚资源</a></li>
								<li><a href="join">服务人群</a></li>
								<li><a href="join">盈利模式</a></li>
								<li><a href="join">合作流程</a></li>
							</ul>
						</div>
						<div class="product-bot">
							<ul>
								<li><a href="businessShow">业务展示</a></li>
								<li><a href="infomationCenter">资讯中心</a></li>
								<li><a href="contactUs.html">联系我们</a></li>
								<li><a href="calculator.html">贷款计算器</a></li>
							</ul>
							<a href="join_apply.html">渠道入驻</a>
						</div>
						<div class="product-bot">
							<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png" alt="" />
							<p>扫一扫关注微信公众号</p>
						</div>
						<div class="product-bot">
							<p class="special-p">招商热线：</p>
							<h4>400-606-9989</h4>
							<p>（仅工作日：09:00~18:00）</p>
							<p class="special-p" style="margin-top: 10px;">地址：</p>
							<p style="text-align: left;">河南省郑州市郑东新区康宁街与普济路交叉口威斯顿广场</p>
						</div>
					</div>
					<div class="footer-con-mid">
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-1.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-2.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-3.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-4.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-5.png" alt="" /></div>
					</div>
				</div>
				<div class="footer-con-bot">版权所有&copy;真金网络科技（北京）有限公司 京ICP备16027759 号-2</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(".applyCondition ul li a").click(function(){
			var index=$(".applyCondition ul li a").index($(this));
			$(".applyCondition ul li a").removeClass("active").eq(index).addClass("active")
		});
		/*详情页上导航的跳转*/
        $(".aCheck").click(function(){
            var txt=$(this).text()
            if(txt=="信用贷款"){
                $(this).attr("href","productShow.html?ck=0")
            };
            if(txt=="车辆贷款"){
                $(this).attr("href","productShow.html?ck=1")
            };
            if(txt=="房屋贷款"){
                $(this).attr("href","productShow.html?ck=2")
            };
            if(txt=="企业贷款"){
                $(this).attr("href","productShow.html?ck=3")
            };
        })
		/*表单提交*/
		var regTel=/^1[3|4|5|8][0-9]{9}$/;

			$('#loanForm').submit(function() {
			    $(this).ajaxSubmit({
					beforeSubmit: function(){
						if($("#loanName").val()==""|| !regTel.test($("#loanTel").val())||$("#loanMoney").val()==""){
                            $(".errorTip").text("请将信息补充完整")
                            yanshi()
                            return false;
						}
					},
					success: function(data){
//					    if(data=="OK") {
                            layer.alert('申请成功', function () {
                                window.location.reload();
                            });
//                        }
                        console.log(11)
					},
					error:function () {
                        //layer.alert('申请成功!!');
                      layer.alert('服务器繁忙，请稍后再试');
                    },
					resetForm: true
			    });
			    return false;
			});

		/*城市切换*/
		$(".publicCitys a").click(function(){
			$(".addLocation").text($(this).text())
		})		
		
		$("#loanName").blur(function(){
			if($(this).val()==""){
				$(".errorTip").text("*请输入您的姓名");
				yanshi()
			}
		})
		$("#loanTel").blur(function(){
			if(!regTel.test($(this).val())){
				$(".errorTip").text("*请输入您的手机号");
				yanshi()
			}
		})
		$("#loanMoney").blur(function(){
			if($(this).val()==""){
				$(".errorTip").text("*请输入贷款金额");
				yanshi()
			}
		})
		function yanshi(){
			setTimeout(function(){
				$(".errorTip").text("")
			},3000)
		}
	</script>
</html>
